<#import "../tpl/pageTep.ftl" as page>
    <@page.pageBase currentMenu="系列管理">

    <!--suppress ALL -->
    <form id="searchForm" class="form-panel" action="/rest/manage/productcategory/loadData">
        <ul class="panel-content">
            <li>
                <div class="form-actions">
                    <div class="control-group controls span5">
                        <input type="text" id="searchForm" class="input-normal  input-pad cartNo" name="name">
                    </div>
                    <div class="form-actions  controls">
                        <button type="submit" class="button  button-success">
                            查询
                        </button>
                        <a href="/rest/manage/productcategory/toAdd" target="_blank" class="button button-info">
                            <i class="icon-plus-sign icon-white"></i> 新增
                        </a>
                        <a  class="button button-danger" onclick="return delFunction();">
                            <i class="icon-remove-sign icon-white"></i> 批量删除
                        </a>
                    </div>

                </div>
            </li>
        </ul>
    </form>
    <div id="grid"></div>
<script>
var Grid = BUI.Grid,
        Store = BUI.Data.Store,
        columns = [
            {title : '序号', dataIndex :'id', width:'15%',elCls: 'center',renderer:function (value, obj, index) {
                    return index+1;
                }},
            {title : '系列名称',elCls: 'center', dataIndex :'name', width:'15%',},

            {title : '分类图标',elCls: 'center', dataIndex :'icon', width:'15%',renderer:function (value) {
                    return'<img src="/'+value+'" width="100" height="100"/>' ;
                }},
            {title : '系列简介',elCls: 'center', dataIndex :'introduce', width:'40%'},
            {title : '操作', elCls: 'center',dataIndex : 'id', width:'15%',renderer : function (value) {
                    return '<a href="/rest/manage/productcategory/toEdit?id='+value+'" target="_blank">编辑</a>'
                            +'&nbsp;&nbsp;<a href="javascript:deleteOne(' + value + ')">删除</a>';
                }
            }
        ];

var store = new Store({
            url : '/rest/manage/productcategory/loadData',
            autoLoad:true, //自动加载数据
            params : { //配置初始请求的参数
                length : '10'
            },
            pageSize:10,	// 配置分页数目
            root : 'list',
            totalProperty : 'total'
        }),
        grid = new Grid.Grid({
            render:'#grid',
            columns : columns,
            loadMask: true, //加载数据时显示屏蔽层
            store: store,
            plugins : [Grid.Plugins.CheckSelection], // 插件形式引入多选表格
            // 底部工具栏
            bbar:{
                pagingBar:true
            }
        });

grid.render();
var form = new BUI.Form.HForm({
    srcNode: '#searchForm'
}).render();

form.on('beforesubmit', function (ev) {
    var obj = form.serializeToObject();
    obj.start = 0; //返回第一页
    store.load(obj);
    return false;
});

//删除选中的记录
function delFunction(){
    var selections = grid.getSelection();
    var ids=new Array();
    for(var i=0;i<selections.length;i++){
        ids[i]=selections[i].id.toString()
    }
    $.ajax({
        type: "POST",
        url: "${basepath}/rest/manage/productcategory/deletesJson",
        dataType: "json",
        data: {
            ids:ids
        },
        success: function (data) {
            var obj = new Object();
            obj.start = 0; //返回第一页
            store.load(obj);
        }
    });
}
function deleteOne(id) {
    BUI.Message.Confirm('确认要删除吗？', function () {
        $.ajax({
            type: "POST",
            url: "${basepath}/rest/manage/productcategory/deleteJson",
            dataType: "json",
            data: {
                id: id
            },
            success: function (data) {
                var obj = form.serializeToObject();
                obj.start = 0;
                store.load(obj);
            }
        });
    },'question')
}
</script>

</@page.pageBase>
